<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <title>客户方案</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/ppxp.css">
</head>


<body>
    <div class="AppMain">
        <div class="accurate-match">
            <!-- 头部标题模块一 -->
            <div class="header-con">
                <div class="herder flx">
                    <div class="header-title flx">
                        <img src="images/dn.png" alt="">
                        <h3 class="gsmc">佛山市易佳人力资源服务有限公司</h3>
                    </div>
                </div>
                <div class="accurate-match-main">
                    <div class="menu">
                        <div class="menu-top flx">
                            <img src="images/go.png" alt="">
                            <span class="font1">已完成企业和申请人准入匹配</span>
                            <!-- <span>(22款产品)</span> -->
                        </div>
                    </div>
                    <div class="scheme-item flx">
                        <p class="p1">最高可贷额度<span class="daikuan">300万</span></p>
                        <p class="p2"> 精准度提高
                            <font>80%</font>
                        </p>
                        <!-- <p class="btn flx">税票匹配</p> -->
                    </div>

                </div>
            </div>
            <!-- 贷款方案详情 -->
            <div class="scheme-main">
                <div class="scheme-main-header flx">
                    <div class="scheme_title">贷款方案详情</div>
                    <div class="right">
                        <span onclick="dropDown()">报告相关说明</span>
                    </div>
                </div>
                <div class="scheme-main-container">
                    <div class="van-tabs__content">
                        <!-- 预留企业信息模块 -->

                        <!-- 匹配可做产品 -->
                        <div class="van-tab__pane">
                            <div class="tab-con">
                                <!-- 匹配可做产品tab栏 -->
                                <div class="pros flx">
                                    <div class="p1 active">
                                        匹配可做产品
                                        <font>(22)</font>
                                    </div>
                                    <div class="p1 ">
                                        不推荐申请产品
                                        <font>(25)</font>
                                    </div>
                                </div>
                                <!-- tab内容 -->
                                <div class="tab_con">
                                    <!-- 匹配可做产品 -->
                                    <div class="item" style="display: block;">
                                        <div class="product-comp">
                                            <div class="loan-main flx">

                                                <img src="images/浦发银行.png" alt="" class="pro-logo">

                                                <div class="loan-base flx">
                                                    <div class="name flx">
                                                        苏宁易购
                                                        <p>立即进件</p>
                                                    </div>
                                                    <div class="loan-con flx">
                                                        <div class="con-item flx">
                                                            <div class="lab">最高额度</div>
                                                            <div class="val red">50
                                                                <span>万</span>
                                                            </div>
                                                        </div>
                                                        <div class="con-item flx">
                                                            <div class="lab">年化利率</div>
                                                            <div class="val">6.6% - 23.0%
                                                            </div>
                                                        </div>
                                                        <div class="con-item flx">
                                                            <div class="lab">贷款期限</div>
                                                            <div class="val">12/24/36期</div>
                                                        </div>
                                                    </div>
                                                    <div class="fonts flx">
                                                        <div class="font">等额本息</div>
                                                        <div class="font">先息后本</div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="requirement flx">
                                                <div class="requirement-item flx">
                                                    <img src="images/go.png" alt=""> 变更情况
                                                </div>
                                                <div class="requirement-item flx">
                                                    <img src="images/go.png" alt=""> 成立时长
                                                </div>
                                                <div class="requirement-item flx">
                                                    <img src="images/go.png" alt=""> 行业准入
                                                </div>
                                                <div class="requirement-item flx">
                                                    <img src="images/go.png" alt=""> 法人身份
                                                </div>
                                                <div class="requirement-item flx">
                                                    <img src="images/go.png" alt=""> 企业类型准入
                                                </div>
                                                <div class="requirement-item flx">
                                                    <img src="images/go.png" alt=""> 年龄条件
                                                </div>
                                                <div class="requirement-item flx">
                                                    <img src="images/go.png" alt=""> 地区准入
                                                </div>

                                            </div>
                                        </div>
                                        <div class="product-comp">
                                            <div class="loan-main flx">

                                                <img src="images/浦发银行.png" alt="" class="pro-logo">

                                                <div class="loan-base flx">
                                                    <div class="name flx">
                                                        苏宁易购
                                                        <p>立即进件</p>
                                                    </div>
                                                    <div class="loan-con flx">
                                                        <div class="con-item flx">
                                                            <div class="lab">最高额度</div>
                                                            <div class="val red">50
                                                                <span>万</span>
                                                            </div>
                                                        </div>
                                                        <div class="con-item flx">
                                                            <div class="lab">年化利率</div>
                                                            <div class="val">6.6% - 23.0%
                                                            </div>
                                                        </div>
                                                        <div class="con-item flx">
                                                            <div class="lab">贷款期限</div>
                                                            <div class="val">12/24/36期</div>
                                                        </div>
                                                    </div>
                                                    <div class="fonts flx">
                                                        <div class="font">等额本息</div>
                                                        <div class="font">先息后本</div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="requirement flx">
                                                <div class="requirement-item flx">
                                                    <img src="images/go.png" alt=""> 变更情况
                                                </div>
                                                <div class="requirement-item flx">
                                                    <img src="images/go.png" alt=""> 成立时长
                                                </div>
                                                <div class="requirement-item flx">
                                                    <img src="images/go.png" alt=""> 行业准入
                                                </div>
                                                <div class="requirement-item flx">
                                                    <img src="images/go.png" alt=""> 法人身份
                                                </div>
                                                <div class="requirement-item flx">
                                                    <img src="images/go.png" alt=""> 企业类型准入
                                                </div>
                                                <div class="requirement-item flx">
                                                    <img src="images/go.png" alt=""> 年龄条件
                                                </div>
                                                <div class="requirement-item flx">
                                                    <img src="images/go.png" alt=""> 地区准入
                                                </div>

                                            </div>
                                        </div>
                                        <div class="product-comp">
                                            <div class="loan-main flx">

                                                <img src="images/浦发银行.png" alt="" class="pro-logo">

                                                <div class="loan-base flx">
                                                    <div class="name flx">
                                                        苏宁易购
                                                        <p>立即进件</p>
                                                    </div>
                                                    <div class="loan-con flx">
                                                        <div class="con-item flx">
                                                            <div class="lab">最高额度</div>
                                                            <div class="val red">50
                                                                <span>万</span>
                                                            </div>
                                                        </div>
                                                        <div class="con-item flx">
                                                            <div class="lab">年化利率</div>
                                                            <div class="val">6.6% - 23.0%
                                                            </div>
                                                        </div>
                                                        <div class="con-item flx">
                                                            <div class="lab">贷款期限</div>
                                                            <div class="val">12/24/36期</div>
                                                        </div>
                                                    </div>
                                                    <div class="fonts flx">
                                                        <div class="font">等额本息</div>
                                                        <div class="font">先息后本</div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="requirement flx">
                                                <div class="requirement-item flx">
                                                    <img src="images/go.png" alt=""> 变更情况
                                                </div>
                                                <div class="requirement-item flx">
                                                    <img src="images/go.png" alt=""> 成立时长
                                                </div>
                                                <div class="requirement-item flx">
                                                    <img src="images/go.png" alt=""> 行业准入
                                                </div>
                                                <div class="requirement-item flx">
                                                    <img src="images/go.png" alt=""> 法人身份
                                                </div>
                                                <div class="requirement-item flx">
                                                    <img src="images/go.png" alt=""> 企业类型准入
                                                </div>
                                                <div class="requirement-item flx">
                                                    <img src="images/go.png" alt=""> 年龄条件
                                                </div>
                                                <div class="requirement-item flx">
                                                    <img src="images/go.png" alt=""> 地区准入
                                                </div>

                                            </div>
                                        </div>
                                        <div class="product-comp">
                                            <div class="loan-main flx">

                                                <img src="images/浦发银行.png" alt="" class="pro-logo">

                                                <div class="loan-base flx">
                                                    <div class="name flx">
                                                        苏宁易购
                                                        <p>立即进件</p>
                                                    </div>
                                                    <div class="loan-con flx">
                                                        <div class="con-item flx">
                                                            <div class="lab">最高额度</div>
                                                            <div class="val red">50
                                                                <span>万</span>
                                                            </div>
                                                        </div>
                                                        <div class="con-item flx">
                                                            <div class="lab">年化利率</div>
                                                            <div class="val">6.6% - 23.0%
                                                            </div>
                                                        </div>
                                                        <div class="con-item flx">
                                                            <div class="lab">贷款期限</div>
                                                            <div class="val">12/24/36期</div>
                                                        </div>
                                                    </div>
                                                    <div class="fonts flx">
                                                        <div class="font">等额本息</div>
                                                        <div class="font">先息后本</div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="requirement flx">
                                                <div class="requirement-item flx">
                                                    <img src="images/go.png" alt=""> 变更情况
                                                </div>
                                                <div class="requirement-item flx">
                                                    <img src="images/go.png" alt=""> 成立时长
                                                </div>
                                                <div class="requirement-item flx">
                                                    <img src="images/go.png" alt=""> 行业准入
                                                </div>
                                                <div class="requirement-item flx">
                                                    <img src="images/go.png" alt=""> 法人身份
                                                </div>
                                                <div class="requirement-item flx">
                                                    <img src="images/go.png" alt=""> 企业类型准入
                                                </div>
                                                <div class="requirement-item flx">
                                                    <img src="images/go.png" alt=""> 年龄条件
                                                </div>
                                                <div class="requirement-item flx">
                                                    <img src="images/go.png" alt=""> 地区准入
                                                </div>

                                            </div>
                                        </div>
                                    </div>
                                    <!-- 不推荐申请产品 -->
                                    <div class="item">
                                        <div class="un-product">
                                            <div class="unloan-main flx">
                                                <img src="upload/jiaotongyh.jpg" alt="" class="pro-logo">
                                                <div class="loan-base flx">
                                                    <div class="name">
                                                        交通银行-普惠e贷
                                                    </div>
                                                    <div class="loan-con flx">

                                                        <div class="con-item flx">
                                                            <div class="val">18.0%
                                                            </div>
                                                            <div class="lab">年化利率</div>
                                                        </div>
                                                        <div class="con-item flx">

                                                            <div class="val">12/24期</div>
                                                            <div class="lab">贷款期限</div>
                                                        </div>

                                                    </div>
                                                    <div class="fonts flx">
                                                        <div class="font">按月付息</div>
                                                        <div class="font">一次还本</div>
                                                        <div class="font">允许提前还款</div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="reason">
                                                <p>不推荐原因</p>
                                                <div class="reason-item">
                                                    1.企业信用等级小于M
                                                </div>

                                            </div>
                                        </div>
                                        <div class="un-product">
                                            <div class="unloan-main flx">
                                                <img src="upload/jiaotongyh.jpg" alt="" class="pro-logo">
                                                <div class="loan-base flx">
                                                    <div class="name">
                                                        交通银行-普惠e贷
                                                    </div>
                                                    <div class="loan-con flx">

                                                        <div class="con-item flx">
                                                            <div class="val">18.0%
                                                            </div>
                                                            <div class="lab">年化利率</div>
                                                        </div>
                                                        <div class="con-item flx">

                                                            <div class="val">12/24期</div>
                                                            <div class="lab">贷款期限</div>
                                                        </div>

                                                    </div>
                                                    <div class="fonts flx">
                                                        <div class="font">按月付息</div>
                                                        <div class="font">一次还本</div>
                                                        <div class="font">允许提前还款</div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="reason">
                                                <p>不推荐原因</p>
                                                <div class="reason-item">
                                                    1.企业信用等级小于M
                                                </div>

                                            </div>
                                        </div>
                                        <div class="un-product">
                                            <div class="unloan-main flx">
                                                <img src="upload/jiaotongyh.jpg" alt="" class="pro-logo">
                                                <div class="loan-base flx">
                                                    <div class="name">
                                                        交通银行-普惠e贷
                                                    </div>
                                                    <div class="loan-con flx">

                                                        <div class="con-item flx">
                                                            <div class="val">18.0%
                                                            </div>
                                                            <div class="lab">年化利率</div>
                                                        </div>
                                                        <div class="con-item flx">

                                                            <div class="val">12/24期</div>
                                                            <div class="lab">贷款期限</div>
                                                        </div>

                                                    </div>
                                                    <div class="fonts flx">
                                                        <div class="font">按月付息</div>
                                                        <div class="font">一次还本</div>
                                                        <div class="font">允许提前还款</div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="reason">
                                                <p>不推荐原因</p>
                                                <div class="reason-item">
                                                    1.企业信用等级小于M
                                                </div>

                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer flx">
                <div class="btn flx">
                    <div class="t flx">
                        <img src="images/zixun.png" alt="">
                        <span>咨询专家</span>
                    </div>
                    <p>专家解读为您精选产品</p>
                </div>
                <div class="btn flx">
                    <div class="t flx">
                        <img src="images/fx.png" alt="">
                        <span>给好友</span>
                    </div>
                    <p>将方案发给身边专家为您解读</p>
                </div>
            </div>

        </div>
    </div>
    <script src="js/flexible.js"></script>
    <script>
        var span = document.querySelector('.daikuan');
        span.innerHTML = localStorage.getItem('usershui') * 20 + '万';
        var gsmc = document.querySelector('.gsmc');
        gsmc.innerHTML = localStorage.getItem('username');



        function dropDown() {
            document.location.href = 'stated.html?timestamp=' + Math.random();
        }

        //获取元素
        var p1 = document.querySelector('.pros').querySelectorAll('.p1');
        var items = document.querySelectorAll('.item');
        //for绑定点击事件
        for (var i = 0; i < p1.length; i++) {
            //开始给5个li添加索引号
            p1[i].setAttribute('index', i);
            p1[i].onclick = function() {
                //干掉所有人，其他的li清除class类  点击tab栏背景变颜色
                for (var i = 0; i < p1.length; i++) {
                    p1[i].className = 'p1';
                }
                //留下我自己
                this.className = 'p1 active';
                //2.下面显示内容模块
                var index = this.getAttribute('index');
                console.log(index);
                //干掉所有人，让其余的item
                for (var i = 0; i < items.length; i++) {
                    items[i].style.display = 'none';
                }
                items[index].style.display = 'block';

            }
        }
    </script>
</body>

</html>